<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
	<title>想即做thinkTodo任务清单</title>
	<script src="/libs/react-15.2.0/build/react.js"></script>
    <script src="/libs/react-15.2.0/build/react-dom.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.24/browser.min.js"></script>	

	
	<link href="/libs/font-awesome-4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
    <!-- Bootstrap core CSS -->
    <link href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet">
  </head>
  <body>
<div id="container">
</div>
<div id="task_view">
</div>
    <script type="text/babel">
      var ExampleApplication = React.createClass({
        render: function() {
          var elapsed = Math.round(this.props.elapsed  / 100);
          var seconds = elapsed / 10 + (elapsed % 10 ? '' : '.0' );
          var message =
            'React has been successfully running for ' + seconds + ' seconds.';

          return <p>{message}</p>;
        }
      });
      var start = new Date().getTime();
      setInterval(function() {
        ReactDOM.render(
          <ExampleApplication elapsed={new Date().getTime() - start} />,
          document.getElementById('container')
        );
      }, 50);
    </script>
    <script type="text/babel">
      var TaskHead = React.createClass({
        render: function() {
          return <div className="task_head">
					<span className="task_title">{this.props.task_title}</span>
				</div>;
        }
      });
	  
	  var TaskList = React.createClass({
		  
        render: function() {
          return <div className="task_list">
				</div>;
        }
      });
	  
	  
	  var Task = React.createClass({
		getInitialState: function() {
			return {hasChildTask: false};
		},  
        render: function() {
          return <div className="task">
					<TaskHead task_title={this.props.task_title}/>
					<TaskList />
				</div>;
        }
      });
	  
       ReactDOM.render(
          <Task task_title="我的某个任务"/>,
          document.getElementById('task_view')
       );
	   
	   
    </script>
	
  </body>
</html>